<template>
  <div>
   <h1>{{ msg }}</h1>
   <h2>姓名：{{ name }}</h2>
   <h2>性别：{{ sex }}</h2>
   <h2>年龄：{{ myAge+1 }}</h2>
   <button @click="updateAge">尝试修改收到的年龄</button>
  </div>
</template>

<script>
export default {
name:'Stu',
data() {
  console.log(this);
  return {
   msg:'我是尚硅谷的学生',
   myAge:this.age
  }
},
methods:{
  updateAge(){
    this.myAge++
  }
},
// 简单声明接收
// props:['name','age','sex']

// 接受的同时对数据进行类型限制
/* props:{
  name:String,
  age:Number,
  sex:String
} */

// 接收的同时对数据：进行类型限制+默认值的指定+必要性的限制
props:{
  name:{
    type:String,
    required:true
  },
  age:{
    type:Number,
    default:99//默认值
  },
  sex:{
    type:String,
    required:true
  }

}
}
</script>

<style>
.school{
  background-color:rgb(178, 218, 234);
}
</style>